<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<rich:panel header="#{messages['member.booking.label']}">
	<h:panelGrid ><h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText></h:panelGrid>
	
	<h:outputText value="#{messages['member.booking.note.label']}" styleClass="standardText_Label"></h:outputText>
	
	<h:panelGrid columns="2">
		<h:outputText></h:outputText>
		<h:panelGroup>
		  	<h:outputText value="*" styleClass="standardText_Mandatory" /> 
			<h:outputText value="#{messages['instruction']}" styleClass="standardText_Instruction" />
		</h:panelGroup>
	  
	    <h:outputText></h:outputText>
		<t:message for="membershipNo" styleClass="error"></t:message>
		
		<h:panelGroup>
	    	<h:outputText value="*" styleClass="standardText_Mandatory" />	
		    <h:outputLabel for="membershipNo" value="#{messages['member.membershipno.label']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:selectOneMenu id="membershipNo" required="true"  styleClass="standardText" value="">
	    		<f:selectItem  itemLabel="#{messages['please.select']}" itemValue=""/>
	    	</t:selectOneMenu>
	    </h:panelGroup>
		
		<h:outputText></h:outputText>
		<t:message for="agreementNo" styleClass="error"></t:message>
		
		<h:panelGroup>
	    	<h:outputText value="*" styleClass="standardText_Mandatory" />	
		    <h:outputLabel for="agreementNo" value="#{messages['agreement.no']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:selectOneMenu id="agreementNo" required="true"  styleClass="standardText" value="">
	    		<f:selectItem  itemLabel="#{messages['please.select']}" itemValue=""/>
	    	</t:selectOneMenu>
	    </h:panelGroup>
		
		
		<h:outputText></h:outputText>
		<t:message for="idNo" styleClass="error"></t:message>
		<h:panelGroup>
	    	<h:outputText value="*" styleClass="standardText_Mandatory" />	
		    <h:outputLabel for="idNo" value="#{messages['ic.new.passport.no.registration.no']}" styleClass="standardText_Label" />
	    </h:panelGroup>
	    <h:panelGroup>
	    	<t:inputText id="idNo" required="true" size="50" maxlength="50" styleClass="standardText" value=""></t:inputText>
	    </h:panelGroup>
	    
		
		<h:panelGroup></h:panelGroup>	
	    <h:panelGroup>
	        <h:panelGrid columns="2" >
	        	<h:commandButton value="#{messages['next.button']}" styleClass="button" action="#{memberBookingBean.selectMembershipAction}" actionListener="" immediate="true" ></h:commandButton>
	        	<h:commandButton value="#{messages['cancel.button']}" styleClass="button" action="#{memberBookingBean.cancelAction}" actionListener="" immediate="true" ></h:commandButton>	
	        </h:panelGrid>
	    </h:panelGroup>
	</h:panelGrid>
</rich:panel>
